!function ($) {
    const reqHeader = $('.reqHeader');//引入header.html的div
    const reqFooter = $('.reqFooter');
    const message = $('#message');
    const phoneNum = $('.phoneNum');
    const password = $('.password');
    const loginBtn = $('.loginBtn');
    reqHeader.load('../html/header.html');
    reqFooter.load('../html/footer.html');
    //手机号正则 11位 首位 1 第二位 3，4，5，7，8
    let userReg = /^1[34578]\d{9}$/;
    //密码正则 6至20位，以字母开头，字母，数字，减号，下划线
    let passReg = /^[a-zA-Z]([-_a-zA-Z0-9]{5,19})+$/;
    
    //登录 -------------------start 
    let loginUrl = 'http://10.31.162.37/underline/uniqloAPI/login.php';
    
    phoneNum.on('change',function(){
        if(userReg.test($(this).val())){
            loginBtn.prop('disabled', false).css({background:'#000'});
        }else{
            loginBtn.prop('disabled', true).css({background:'#DADADA'});
            message.html('您输入的手机号码格式有误，请重新输入').css({color:'red',borderColor:'red'}).stop().fadeIn().delay(800).fadeOut();
        }
    })
    loginBtn.on('click', function () {
        $.ajax({
            type: 'post',
            url: loginUrl,
            data: {
                user: $('.phoneNum').val(),
                pass: $('.password').val()
            }}).done(function (result) {
                if (result) {
                    message.html('登录成功').css({color:'#3EB135',borderColor:'#3EB135'}).stop().fadeIn().delay(800).fadeOut();
                    location.href = "index.html";
                    localStorage.setItem('username', $('.phoneNum').val());
                } else {
                    $('.password').val('');
                    message.html('用户名和密码错误').css({color:'red',borderColor:'red'}).stop().fadeIn().delay(800).fadeOut();
                }
            })
        
    });
    
    //登录 -------------------end
}(jQuery)